<template>
<!--    步骤条   -->
  <div>
    <v-card elevation="7" style="padding: 20px; font-family: '华文楷体',sans-serif; font-weight: bolder; margin: 0 10px" color="au_white">
      <a-steps :current="this.$store.state.currentStep" type="navigation" :style="stepStyle" @change="onChange">
        <a-step title="问题引导" />
        <a-step title="问题模型建立" />
        <a-step title="生成解决途径" />
        <a-step title="专利智能搜索及标记" />
        <a-step title="解决方案形成" />
      </a-steps>
    </v-card>
  </div>
</template>

<script>
  export default {
    created() {
    },
    data: () => ({
      stepStyle: {
        marginBottom: '10px',
        boxShadow: '0px -1px 0 0 #e8e8e8 inset',
      }
    }),
    methods: {
      onChange(current) {
        if (this.$store.state.maxStep >= current){
          this.$store.state.currentStep = current
          if (current === 0)
            this.$router.push('/intelligent_guidance/questions')
          if (current === 1 || current === 2)
            this.$router.push('/intelligent_guidance/model')
          if (current === 3)
            this.$router.push('/intelligent_guidance/retrieval')
          if (current === 4)
            this.$router.push('/intelligent_guidance/solution_edit')
        }

      },
    },

  }
</script>

<style scoped>

</style>
